<template>
	<view>
		<view class="header">
			<h1 class="title">{{data.title}}</h1>
		</view>
		<view class="description">
			<h2>关于{{data.title}}</h2>
			<p style="margin: 15px;">{{data.content}}</p>
			<view class="info">
				<p>包名: {{data.package}}</p>
				<p>版本:{{data.version}}</p>
				<p>发布时间: {{$u.timeFrom(new Date(data.time).getTime(),false)}}</p>
				<p>下载次数: {{data.down}}</p>
				<p>大小: {{data.size}}</p>
			</view>
			<view class="download-button" @click="down(data._id)">下载</view>
		</view>
		<scroll-view class="scroll-view_H" scroll-x="true">
			<image v-for="(item,index) in data.image" :src="item" mode="widthFix" @click="openImg(data.image,index)">
			</image>
		</scroll-view>
		<view style="text-align: center;padding: 10px 0;color: #989898;font-size: 13px;">
			模板作者：咩咩
			<websitenav></websitenav>
		</view>
	</view>
</template>

<script>
	export default {
		name: "apk_user_729",
		props: {
			data: {
				type: Object,
				default (data) {
					return {}
				}
			}
		},
		methods: {
			down(id) {
				this.$emit("down", {
					id: id
				})
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
		padding:0 5px;
	}

	image {
		width: 150px;
		border-radius: 5px;
		margin: 10px 5px;
		border: 5px solid #E87A90;
		border-radius: 10px;
	}
	.header {
		padding: 5px;
		text-align: center;
		background: #E87A90;
		color: white;
	}

	.title {
		font-size: 20px;
		margin: 10px;
	}

	.info {
		padding: 20px;
		text-align: center;
	}

	.info p {
		margin: 10px 0;
	}

	.description {
		padding: 20px;
		text-align: center;
	}

	.download-button {
		display: block;
		width: 150px;
		height: 50px;
		margin: 20px auto;
		background: #F596AA;
		color: white;
		text-align: center;
		line-height: 50px;
		border-radius: 25px;
		font-weight: bold;
		text-decoration: none;
	}
</style>